<!DOCTYPE html>
<html>
    <head>        
        <title>Renju</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style/common.css" media="screen" />
        <script type="text/javascript" src="js_files/validators.js"></script>
        <script type="text/javascript" src="js_files/register.js"></script>
    </head>
    <body>
        <div class="content">
            <#include "include/header.html">
            <div class="main_content">
                <label class="validation">${serverError}</label>
                <form action="?request=registred" onsubmit="return validateForm();" method="post" name="registration">
                    <table>
                        <tr>
                            <td>Email</td>
                            <td>
                                <input type="text" name="email"/>
                            </td>
                            <td>
                                <label class="validation" id="emailError"></label>
                            </td>
                        </tr>
                        <tr>
                            <td>Password</td>
                            <td>
                                <input type="password" name="password"/>
                            </td>
                            <td>
                                <label class="validation" id="passwordError"></label>
                            </td>
                        </tr>
                        <tr>
                            <td>Retype Password</td>
                            <td>
                                <input type="password" name="rePassword"/>
                            </td>
                            <td>
                                <label class="validation" id="rePasswordError"></label>
                            </td>
                        </tr>
                        <tr>
                            <td>Nickname</td>
                            <td>
                                <input type="text" name="nickname"/>
                            </td>
                            <td>
                                <label class="validation" id="nicknameError"></label>
                            </td>
                        </tr>
                        <tr>
                            <td>Security Question</td>
                            <td>
                                <select name="securityQuestion" >
                                    <#list securityQuestions as sq>
                                    <option>${sq}</option>                                
                                    </#list>                              
                                </select>
                            </td>
                            <td>

                            </td>
                        </tr>
                        <tr>
                            <td>Security Question Answer</td>
                            <td>
                                <input type="text" name="answer"/>
                            </td>
                            <td>
                                <label class="validation" id="answerError"></label>
                            </td>
                        </tr>
                    </table>
                    <input type="submit" value="Register">
                </form>      
            </div>
        </div>
    </body>
</html>
